<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Portfolio - Grid</title>
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">
	
	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 
	
	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="portfolio layout-masonry-grid">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->
				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
								<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li class="act"><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->

	<!-- !Main -->
	<div id="main" class="sidebar-none"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->
		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div id="content" role="main" class="content">

					<h1>Portfolio masonry</h1>
					<div class="hr-breadcrumbs divider-heder">
						<div class="assistive-text">You are here:</div>
						<ol class="breadcrumbs wf-td text-small">
							<li><a href="#">home</a></li>
							<li><a href="#">portfolio</a></li>
							<li><a href="#">portfolio masonry with text hoovers</a></li>
						</ol>
					</div>					

					<div class="filter">
						<div class="filter-categories">
							<a href="#" class="act show-all" data-category="all">View all</a>
							<a href="#" data-category="photography">Photography</a>
							<a href="#" data-category="design">Design</a>
							<a href="#" data-category="programming">Programming</a>
							<a href="#" data-category="coding">Coding</a>
						</div>

						<div class="filter-extras">
							<div class="filter-by">
								<a href="#" data-by="date" class="act">Date</a>
								<a href="#" data-by="name">Name</a>
							</div>
	
							<div class="filter-sorting">
								<a href="#" data-sort="desc" class="act">Desc</a>
								<a href="#" data-sort="asc">Asc</a>
							</div>
						</div>
					</div>

					<div class="iso-container wf-container portfolio-grid">
						<div class="iso-item wf-cell wf-1-2">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers1.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Cum sociis natoque penatibus et magnis</h2>
										<p>Vivamus non lectus urna, eget mollis ligula. Vestibulum vitae ultrices justo. Donec sed venenatis lacus. Donec viverra, augue nec pellentesque sagittis, quam tortor suscipit elit, eleifend feugiat risus velit dapibus enim. Donec eget nisi velit. Suspendisse et nulla lorem.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>
								
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">		
										
								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers13.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Nunc tempor sitios firo</h2>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>
								
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers10.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Dolor sit amet</h2>
										<p>Quisque eu nisl quam, vitae gravida purus. Nulla nibh massa, cursus et consequat nec lorem ipsum dolor sit amet glavrida elementum.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>							
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers7.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Curabitur dolor felis</h2>
										<p>Etiam tortor sem viverra quis fermentum eget vulputate a leo nulla glavrida amet lorem ipsum dolor.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>							
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->


						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers5.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Gipsum amet glavrida</h2>
										<p>Etiam tortor sem, viverra quis fermentum eget, vulputate a leo.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>							
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers8.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Doloron placerat tincidunt</h2>
										<p>Quisque eu nisl quam, vitae gravida purus. Nulla nibh massa, cursus et consequat nec, elementum.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>							
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->

						<div class="iso-item wf-cell wf-1-2">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers2.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Nunc tempor metus ehicula</h2>
										<p>Suspendisse in dolor quam. In eu libero ipsum. Sed et tortor metus, quis tincidunt magna. Donec sit amet lorem urna, vel adipiscing dui. </p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>							
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						

						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers6.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title"> Nimos miros posuere</h2>
										<p>Estibulum et nunc purus lorem ipsum dolor. Suspendisse in dolor quam.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>

							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers12.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Nunc tempor glavico</h2>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>

							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers11.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title"> Mauris posuere glavrida</h2>
										<p>Estibulum et nunc purus. Suspendisse in dolor quam lorem ipsum.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>

							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-2">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers3.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Nunc tempor metus ultricies vehicula</h2>
										<p>Suspendisse in dolor quam. In eu libero ipsum. Sed et tortor metus, quis tincidunt magna. Donec sit amet lorem urna, lorem ipsum dolor amet vel adipiscing dui.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
							</div>

							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers9.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Morbi non placerat tincidunt</h2>
										<p>Quisque eu nisl quam, vitae gravida purus. Nulla nibh massa, cursus et consequat nec, elementum.</p>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>							
		
							</article><!-- .post -->
		
						</div><!-- .iso-item -->
						

						
						<div class="iso-item wf-cell wf-1-4">
		
							<article class="post ">

								<div class="rollover-project">
									<a class="link show-content"><img class="preload-me" src="usr/texthoovers14.jpg" alt="" title="" width="100%">
									</a>							
									<div class="rollover-content">
										<h2 class="entry-title">Nunc tempor sitios</h2>
										<a class="project-details" href="#">Details</a>
										<a class="project-link" href="#">Launch</a>
										<span class="close-link"></span>
									</div>
								</div>

							</article><!-- .post -->
		
						</div><!-- .iso-item -->
					</div>
		
					<!-- !-- Paginator -->
					<div class="paginator" role="navigation">
						<div class="page-links">
							<a href="#">1</a>
							<a href="#">...</a>
							<a href="#">6</a>
							<a href="#">7</a>
							<a class="act" href="#">8</a>
							<a href="#">9</a>
							<a href="#">10</a>
							<a href="#">...</a>
							<a href="#">16</a>
						</div>
						<div class="page-nav">
							<a class="nav-prev" href="#">Prev page</a>
							<a class="nav-next" href="#">Next page</a>
						</div>
					</div>
					<!-- .paginator -->

					<!-- !-- Stripe -->
					<div class="stripe stripe-style-2" style="margin-top: 40px; margin-bottom: -40px;">
						<div class="gap-30"></div>
						<div class="wf-container">
							
							<div class="wf-cell wf-1-3">
								<h2 class="entry-title">Our skills</h2>
								<div class="skills">
									<div class="skill-name">Web design</div>
									<div class="skill">
										<div class="skill-value" data-width="90"><span>90%</span></div>
									</div>
			
									<div class="skill-name">Coding</div>
									<div class="skill">
										<div class="skill-value" data-width="85"><span>85%</span></div>
									</div>
			
									<div class="skill-name">Programming</div>
									<div class="skill">
										<div class="skill-value" data-width="60"><span>60%</span></div>
									</div>
									<div class="skill-name">Marketing</div>
									<div class="skill">
										<div class="skill-value" data-width="40"><span>40%</span></div>
									</div>
								</div>
							</div>
							<div class="wf-cell wf-1-3">
								<h2 class="entry-title">What we do</h2>
								<div class="gap-10"></div>
								<div class="st-accordion">
									<ul>
										<li>
											<a class="text-primary" href="#">Responsive layout</a>
											<div class="st-content">
												<p>Phasellus commodo ultricies sapien, et volutpat elit amet aliquam a. In intoro felis non odio interdum mollis luctus in nunc. Donec hendrerit dapibus tellus, et porttitor nunc ullamcorper semper. Donec posuere pretium dolor.</p>
											</div>
										</li>
										<li>
											<a class="text-primary" href="#">Easy to customize</a>
											<div class="st-content">
												<p>Ut eget urna odio, non hendrerit nisi. Pellentesque at urna ac nulla molestie viverra. Etiam neque quam, dapibus quis faucibus id, laoreet tincidunt neque. Phasellus commodo ultricies sapien, et volut </p>
											</div>
										</li>
										<li>
											<a class="text-primary" href="#">SEO & translation ready</a>
											<div class="st-content">
												<p>Fipat elit aliquam a. In in felis non odio interdum mollis luctus in nunc. Donec hendrerit dapibus tellus, et porttitor nunc ullamco sagittis leo condimentum vel. Ut sem metus, pellentesque a viverra eu, mattis dictum elit. </p>
											  </div>
										</li>										
										
									</ul>
								</div>
							</div>
							<div class="wf-cell wf-1-3">
								<!-- !- Testimonials slider -->
								<h2 class="entry-title">Testimonials</h2>
								<div class="gap-10"></div>
								<section class="testimonial-item">
									<ul class="testimonials slider-content rsCont">
										<li>
											<article>
												<div class="testimonial-content">
													<p>Vivamus non lectus lorem ipsum dolor urna, eget mollis ligula. Vestibulum vitae ultrices justo. Donec sed venenatis lacus. Donec viverra, augue nec pellentesque sagittis quam tortor.</p>
												</div>
												
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test4.jpg">
													</span>
													<span class="text-primary">Jack Black</span><br />
													<span class="text-secondary color-secondary">fashion journalist</span>
												</div>
											</article>
										</li>

										<li>
											<article>
												<div class="testimonial-content">
													<p>Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius eros sed feugiat. Morbi dignissim scelerisque elit eu placerat. Donec quis augue turpis.</p>
												</div>
				
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test1.jpg">
													</span>
													<span class="text-primary">Anna White</span><br />
													<span class="text-secondary color-secondary">designer</span>
												</div>
											</article>
										</li>

										<li>
											<article>
												<div class="testimonial-content">
													<p>Morbi viverra, mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo massa a justo. Aenean adipiscing faucibus ante eget semper. </p>
												</div>
				
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test5.jpg">
													</span>
													<span class="text-primary">Alex Green</span><br />
													<span class="text-secondary color-secondary">programmer</span>
												</div>
											</article>
										</li>
										<li>
											<article>
												<div class="testimonial-content">
													<p>Vivamus non lectus lorem ipsum dolor urna, eget mollis ligula. Vestibulum vitae ultrices justo. Donec sed venenatis lacus. Donec viverra, augue nec pellentesque sagittis quam tortor.</p>
												</div>
												
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test2.jpg">
													</span>
													<span class="text-primary">Diana Black</span><br />
													<span class="text-secondary color-secondary">fashion journalist</span>
												</div>
											</article>
										</li>

										<li>
											<article>
												<div class="testimonial-content">
													<p>Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius eros sed feugiat. Morbi dignissim scelerisque elit eu placerat. Donec quis augue turpis.</p>
												</div>
				
												<div class="testimonial-vcard">
													<span class="alignleft">
														<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test6.jpg">
													</span>
													<span class="text-primary">Anna White</span><br />
													<span class="text-secondary color-secondary">designer</span>
												</div>
											</article>
										</li>
									</ul>
								</section>
							</div>
						</div>
						<div class="gap-20"></div>							

					</div>

				</div><!-- #content -->

				

			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</div><!-- #main -->

	
	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">

				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>

<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>

<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>